/* head的header */
/* 
 */
.head .header {
    background: #F1F1F1;
}
/* 头部的背景 */
.head header {
    height: 30px;
    background: #F1F1F1;
    /* border: 1px solid red; */
}
/* 头部样式 */
.head .header .floatl p {
    font-size: 12px;
    color: #666666;
    line-height: 29px;
    /* border: 1px solid red; */
    box-sizing: border-box;
    /* 设置border时方便调试样式 */
}
/* 头部品优购左浮 */
.head .header .floatl p a:first-of-type {
    color: #666666;
    padding-left: 13px;
}
/* 登录 */
.head .header .floatl p a:nth-of-type(2) {
    color: #C81623;
    padding-left: 13px;
}
/* 注册 */
.head .header .floatr ul li {
    float: left;
}
/* 导航右浮 */
.head .header .floatr ul li a{
    display: block;
    font-size: 12px;
    color: #666666;
    height: 30px;
    line-height: 30px;
    padding: 0px 10px;
}
/* a样式 */
.head .header .floatr ul li a span{
    /* border: 1px solid red; */
    background: red; 
    /* background: #666666;  */
    height: 20px;
    padding-left: 10px;
}
/* 放a标签中向下的箭头 */
.head .header .floatr ul li > span {
    display: block;
    font-size: 8px; 
    /* padding:0px 10px; */
    line-height: 30px;
    color: #666666;
}
/* 导航栏的分割线 */

/* logo */
/* 
 */
.logo {
    padding-top: 25px;
    height: 81px;
    /* border: 1px solid red; */
}
/* logo图层整体规划 */
.logo .floatl .con_logo {
    width: 171px;
    height: 61px;
    background: #fff url(../../images/logo.png) no-repeat;
    /* border: 1px solid red; */
}
/* logo部分的背景图插入 */
.logo .floatl .con_logo > p {
    font-size: 0px;
}
/* 给logo加上文字，便于网页检索，提高关键词覆盖率 */
.search {
    margin-left: 173px;
    /* border: 1px solid red; */
    /* 查看search层样式边框 */
}
/* input与第一个盒子外边距 */
.search .item_clear input {
    float: left;
    height: 36px;
    box-sizing: border-box;
}
/* 清除input之间的边距，并取消盒子原本模型，变成怪异盒子 */
.search .item_clear input:nth-of-type(1) {
    width: 456px;
    border: 2px solid #B1191A;
}
/* 第一个input框样式 */
.search .item_clear input:nth-of-type(2) {
    width: 80px;
    border: 2px solid #B1191A;
    background-color: #B1191A;
    color: #fff;
}
/* 第二个input框样式 */
.logo .search nav ul li {
    float: left;
}
/* 搜索框下面导航栏左浮动 */
/* .logo .search nav ul{
    border: 1px solid red;
} */
/* 查看ul的样式 */
.logo .search nav ul li a {
    display: block;
    font-size: 12px;
    color: #666666; 
    line-height: 31px;
    padding: 0px 12px;
}
/* 设置里面a标签的样式 */
.logo .search nav ul li a:hover {
    color: #C81623; 
}
/* 悬浮时a链接颜色改变 */
.logo section:nth-of-type(3) {
    /* border: 1px solid red; */
    padding-right: 63px;
}
/* 第三个section盒子距离右边框63px */
.logo section:nth-of-type(3) a {
    display: block;
    width: 140px;
    border: 1px solid #DFDFDF;
    background: #F7F7F7  url(../../images/png/购物车拷贝2.png) no-repeat 19px center;  
}
/* 背景图不平铺离左边19px，上下居中 */
.logo section:nth-of-type(3) a span:first-of-type {
    /* height: 36px; */
    font-size: 12px;
    margin-left: 41px;
    color: #666666;
    line-height: 36px;
}
/* 设置第三个section中第一个span样式 */
.logo section:nth-of-type(3) a span:nth-of-type(2) {
    margin-left: 15px;
    color: #666666;
    line-height: 36px;
    /* height: 36px; */
    font-size: 15px;
}
/* 设置第三个section中第二个span样式 */
.logo section:nth-of-type(3) a > p {
    width: 16px;
    height: 16px;
    border-radius: 8px 8px 8px 0px;
    bottom: 28px;
    left: 105px;
    background-color: #E60012;
    font-size: 12px;
    text-align: center;
    line-height: 16px;
    color: #FEFEFE;
}
/* a标签中消息条数显示 */